<template>
  <div>
     <footer>
       <ul>
         <router-link to="/head">
            <li>外卖</li>
         </router-link>
         <router-link to="/sosuo">
            <li>搜索</li>
         </router-link>
         <router-link to="/ding">
            <li>订单</li>
         </router-link>
         <router-link to="wde">
            <li>我的</li>
         </router-link>
       </ul>
     </footer>
  </div>
</template>

<script>
export default {
  name: 'footer-w',
  data() { 
    return {

    }
  },
  methods: {

  },
  mounted() {

  },
 }
</script>

<style lang="scss" scoped>
footer{
  width:4.8rem;
  height:0.62rem;
  ul{
    display: flex;
    justify-content: space-around;
    align-items: center;
    li{
      font-size:0.2rem;
      line-height: 0.62rem;
    }
  }
}
</style>